<!--公共头部2-->
<template>
  <div class="headerNav">
    <a class="arr_left" @click="return_one()"> </a>
    <span>{{headerName[nameId].name}}</span>
    <a href=""></a>
  </div>
</template>

<script>
  export default {
    props: ['nameId'],
    data () {
      return {
        headerName: [
          {fenleiTabId: 0, name: '玄幻奇幻'},
          {fenleiTabId: 1, name: '仙侠武侠'},
          {fenleiTabId: 2, name: '都市小说'},
          {fenleiTabId: 3, name: '历史军事'},
          {fenleiTabId: 4, name: '游戏竞技'},
          {fenleiTabId: 5, name: '科幻末世'},
          {fenleiTabId: 6, name: '古装言情'},
          {fenleiTabId: 7, name: '都市言情'},
          {fenleiTabId: 8, name: '浪漫青春'},
          {fenleiTabId: 9, name: '幻想言情'},
          {fenleiTabId: 10, name: '悬疑小说'},
          {fenleiTabId: 11, name: '情感小说'},
          {fenleiTabId: 12, name: '二次元'},
          {fenleiTabId: 13, name: '自述小说'},
          {fenleiTabId: 14, name: '爆笑小说'},
          {fenleiTabId: 15, name: '青春小说'}
        ]
      }
    },
    methods:{
      return_one(){
        this.$router.go(-1);
      },
    }
  }
</script>
<style scoped>
  .headerNav{
    height: 52px;
    background: #f1f1f3;
    border-bottom: 1px solid #ececec;
  }
  .arr_left{
    height: 52px;
    background: url(../../../../static/img/arr_left.png) no-repeat 18px center;
    background-size:7.2px 14.4px;
  }
  .headerNav a{
    display: inline-block;
    width: 73.5px;
    height: 52px;
    float: left;
  }
  .headerNav span{
    display: inline-block;
    width: 173px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    color:#000;
    float: left;
  }
</style>
